.f-order-header {
    display: flex;
    margin: 4px 60px 0 0;
}

.f-order-header .f-order-header-order-field,
.f-order-header .f-order-header-order-type {
    flex: 1;
}

.f-order-header .f-order-header-order-field {
    margin: 0 4px 0 10px;
}

.f-order-header .f-order-header-order-type {
    margin: 0 10px 0 4px;
}

.f-order-item-content {
    display: flex;
    margin: 4px 0;
}

.f-order-item-content .f-order-item-content-order-field,
.f-order-item-content .f-order-item-content-order-type {
    flex: 1;
}

.f-order-item-content .f-order-item-content-order-field {
    margin: 0 4px 0 10px;
}

.f-order-item-content .f-order-item-content-order-type {
    margin: 0 10px 0 4px;
}

.f-order {
    .f-list-view-emptydata {
        .f-empty-title {
            padding: 10px 0;
            margin-bottom: 0;
        }
    }
}

.f-order-item {
    border: none;
    background-color: initial;
    &.f-listview-hover {
        cursor: pointer;
        color: #424347;
        background: #edf5ff !important;
        .f-list-remove-icon {
            display: initial;
        }
    }
    &.f-listview-active {
        border-color: none;
    }
    &.moving {
        opacity: 0;
    }
}

.f-order-add-button {
    display: flex !important;
    align-items: center !important;
}

.f-order-add-icon {
    width: 1.2rem;
    height: 1.2rem;
    background-color: aliceblue;
    border-radius: 1.2rem;
    display: inline-block;
    margin-right: 4px;
}

.f-order-add-icon .f-icon {
    line-height: 1.2 !important;
}
